<template>
  <div>
<ul>

  <li v-for="(item,index) in selldog"
   :key="index"
   @click="btnFn(item.dogName)"

   >
    <img style="width: 200px;hight:200px" :src="item.dogImgUrl" alt="">
    <p >{{item.dogName}}</p>
  </li>

</ul>

  </div>
</template>

<script>
export default {
  props: ['selldog'],
  data () {
    return {
      likes: []
    }
  },

  created () {

  },

  methods: {
    btnFn (name) {
      // console.log(name)

      // console.log(this.likes)
      this.$emit('doggg', name)
    }
  }
}
</script>

<style scoped lang='less'>
li{
 float: left;

}
</style>
